<script>
export default {
  name: "BugItem",
  props : ['bug']
}
</script>

<template>
  <tr>
    <td><input type="checkbox" checked="true"></td>
    <td>{{bug.desc}}</td>
    <td><button class="small red button">删除</button></td>
  </tr>
</template>

<style scoped>
/* item */
table tbody tr:nth-child(odd){
  background-color: #eee;
}
table tbody tr:hover{
  background-color: #ccc;
}
table tbody tr td:first-child{
  color: #f40;
}
td{
  border: 1px solid #999;
  text-align: center;
  padding: 5px 0;
}
</style>